<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>菜单管理</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="initial-scale=1.0,user-scalable=no,width=device-width,height=device-height" />
	
	<!-- 通用文件引入 -->
	<#include "../../common/base.html"/>    
	<script type="text/javascript" charset="utf-8" src="${webRoot!}/js/sys/sys-menu/menu.js"></script>
	<script type="text/javascript">
		$(function(){
		    Menu.path = '${webRoot!}';
		    Menu.render();
		});
	</script>

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">

        <!-- Panel Columns & Select -->
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5> <i class="fa fa-home"></i>系统管理>菜单管理</h5>
                <div class="ibox-tools">
                    <a class="collapse-link">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="fa fa-wrench"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="#">选项1</a>
                        </li>
                        <li><a href="#">选项2</a>
                        </li>
                    </ul>
                    <a class="close-link">
                        <i class="fa fa-times"></i>
                    </a>
                </div>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
					<div class="example-wrap">
                            <div class="example">
                                <div class="btn-group" id="menu-buttons" role="group" style="display: block;">
                                    <button type="button" class="btn btn-outline btn-default" onclick="Menu.addMenuDialog('root','根节点')">
                                        <i class="glyphicon glyphicon-plus" aria-hidden="true"></i>添加菜单
                                    </button>
                                </div>
                                <table id="menu-table" data-url="${webRoot!}/sysMenu/menuList.do" data-side-pagination="server" data-mobile-responsive="true" data-page-list="[10, 20, 50, 100, 200]"  data-toolbar="menu-buttons" data-detail-view="true" data-detail-formatter="Menu.detailFormatter" data-click-to-select="true" data-pagination="true" data-search="true" data-show-refresh="true">
									<thead>
										<tr>
											<th data-field="mName" data-align="left" data-width="200">菜单名称</th>
											<th data-field="mUrl" data-align="left" data-width="200">菜单链接</th>
											<th data-field="mIcon" data-align="center" data-width="100" data-formatter="Menu.iconFormatter">菜单图标</th>
											<th data-field="mPrivilegeCode" data-align="left" data-width="150">权限码</th>
											<th data-field="mSort" data-align="center" data-width="60">排序</th>
											<th data-field="mStatus" data-align="center" data-width="100" data-formatter="Menu.statusFormatter">状态</th>
											<th data-field="mId" data-width="150" data-align="center" data-formatter="Menu.operator">操作</th>
										</tr>
									</thead>
								</table>
                            </div>
                        </div>
                </div>
            </div>
        </div>
        <!-- End Panel Columns & Select -->
        <div id="dialog"></div>
     </div>
     
</body>

</html>
